<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{width: 100px;height: 100px;font-size: 30px;}
        .red{background: red}
        .green{color: green}
        .yellow{border: solid 10px yellow}
    </style>
</head>
<body>
    <div class="box red">
        <em>文字</em>
    </div>
    <input type="text" value="默认值" id="txt">
</body>
<script src="./jquery.js"></script>
<script>
    // class操作
    // $(".box").addClass("green yellow")

    // $(".box").removeClass("red green")

    // document.onclick = function(){
    //     $(".box").toggleClass("red");
    // }


    // 内容操作
    // console.log($(".box").html())
    // $(".box").html("<b>hello</b>")

    // console.log($(".box").text())
    // $(".box").text("<b>hello</b>")
    $(".box").text("hello")

    // console.log($("#txt").val())
    $("#txt").val("hello  txt")

</script>
</html>